<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <button id="btn">执行</button>
  <script>
    const event = new Event("build");

    // 监听该事件。
    window.addEventListener(
      "build",
      (e) => {
        console.log('派发时间执行');
      },
      false,
    );

    btn.onclick = function () {
      // 分派该事件。同步执行,就是派发事件时候，先执行监听该事件的方法，再往下执行，而不是异步执行监听事件的方法，这个和浏览器自带的事件不一样
      window.dispatchEvent(event);
      console.log('555');
    }
  </script>
</body>

</html>